<template>
  <div class="home">
    <Header />
    <Aslide />
    <div class="main">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
import Header from '@/components/Header.vue'
import Aslide from '@/components/Aslide.vue'

export default {
  name: 'Home',
  components: {
    Header,Aslide
  }
}
</script>

<style>
html,
body,
#app,
.homeBox,
.el-container {
  /*设置内部填充为0，几个布局元素之间没有间距*/
  padding: 0px;
  /*外部间距也是如此设置*/
  margin: 0px;
  /*统一设置高度为100%*/
  height: 100%;
}
.home{
  height: 100%;
}
.main{
  margin-left: 238px;
  height: calc(100% - 62px);
}

.home-box .title {

  height: 50px;
  text-align:left;
  line-height: 50px;
    
    font-weight: 600;
    background-color:lightgoldenrodyellow;
    color: rgb(110, 109, 109);
}
.home-box .title>span{
  border-left: 5px solid #666;
  padding-left: 20px;
}
</style>